<template>
	<view class="dis">
		<ul>
			<li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li>
			<li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li><li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li><li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li><li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li><li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li><li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li><li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li><li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li><li>
				<view class="wendang_list">
					<image src="../../../static/xlsx.png" mode="" class="logoText"  @click="jumpMpore" ></image>
					<view class="wendnag_center">
						<text class="aka"  @click="jumpMpore">合同文件模板.xls</text>
						<text class="sas" @click="jumpMpore">赵小刚&nbsp;&nbsp;2019-08-22 12:00</text>
					</view>
					<text class="dian">...</text>
				</view>
			</li>
		</ul>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jumpMpore(){
				uni.navigateTo({
					url:"/pages/my/filemore/filemore"
				})
			}
		}
	}
</script>

<style>
	ul>li{
		background-color: white;
		margin-top: 3px;
	}
	.dis{
		background-color:rgba(242, 242, 242, 0.5);
	}
	.dian{
		font-size: 24px;
		color: #999999;
	}
	.wendang_list{
		padding: 5px;
		/* border-bottom: 2px solid #cccccc; */
	}
	.wendnag_center{
		line-height: 25px;
	}
	.sas{
		font-size: 12px;
		color: #cccccc;
	}
	.aka{
		font-size: 16px;
		color: dimgray;
		
	}
	.logoText{
		width: 29px;
		height: 29px;
	}
*{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.wendang_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wendnag_center{
	display: flex;
	flex-direction: column;
}

</style>
